
import React from "react";
//获取父组件的context
import { Context1 } from "../../App";

class Grandson extends React.Component{

    sonfunction = ()=>{
        console.log('我是孙子组件的方法')
    }

    state = {
        msg:'我要拿到父组件的数据'
    }
    render(){
        return <div>
            我是孙子组件---({this.state.msg} ----{this.context})
            {/* 只能有value这个props 如果要多个值就要使用对象 */}
            <Context1.Consumer>
                {
                    (value)=>{
                        // let data = value
                        // this.setState({
                        //     msg:data
                        // })
                       return <div>{value}</div>
                    }
                }
            </Context1.Consumer>
            </div>
    }
}
//此处挂载  可以通过this.context访问最近的传递过来的值
Grandson.contextType = Context1

export default Grandson